﻿<!DOCTYPE html>
<html lang="en-us">
<head>
    <meta charset="utf-8">
    <title>创建Extension服务-选择类</title>
    <meta name="description" content="">
    <meta name="author" content="">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <!-- #CSS Links -->
    <!-- Basic Styles -->
    <link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/font-awesome.css">

    <!-- SmartAdmin Styles : Caution! DO NOT change the order -->
    <link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-production-plugins.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-production.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-skins.css">

    <!-- SmartAdmin RTL Support -->
    <link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-rtl.css">

    <!-- Demo purpose only: goes with demo.js, you can delete this css when designing your own WebApp -->
    <link rel="stylesheet" type="text/css" media="screen" href="css/demo.css">

    <!-- #FAVICONS -->
    <link rel="shortcut icon" href="img/favicon/favicon.ico" type="image/x-icon">
    <link rel="icon" href="img/favicon/favicon.ico" type="image/x-icon">

    <!-- #GOOGLE FONT -->
    <link rel="stylesheet" href="css/open-sans.css" type="text/css">

    <!-- #APP SCREEN / ICONS -->
    <link rel="apple-touch-icon" href="img/splash/sptouch-icon-iphone.png">
    <link rel="apple-touch-icon" sizes="76x76" href="img/splash/touch-icon-ipad.png">
    <link rel="apple-touch-icon" sizes="120x120" href="img/splash/touch-icon-iphone-retina.png">
    <link rel="apple-touch-icon" sizes="152x152" href="img/splash/touch-icon-ipad-retina.png">

    <!-- iOS web-app metas : hides Safari UI Components and Changes Status Bar Appearance -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!-- Startup image for web apps -->
    <link rel="apple-touch-startup-image" href="img/splash/ipad-landscape.png"
        media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)">
    <link rel="apple-touch-startup-image" href="img/splash/ipad-portrait.png"
        media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)">
    <link rel="apple-touch-startup-image" href="img/splash/iphone.png" media="screen and (max-device-width: 320px)">
    <link href="appcss/Common.css" rel="stylesheet" />


</head>
<body class="desktop-detected minified">

    <!-- #MAIN PANEL -->
    <div id="main" role="main">

        <!-- RIBBON -->
        <div id="ribbon">

            <span class="ribbon-button-alignment">
                <span id="refresh" class="btn btn-ribbon" data-action="resetWidgets" data-title="refresh"
                    rel="tooltip" data-placement="bottom"
                    data-original-title="<i class='text-warning fa fa-warning'></i> Warning! This will reset all your widget settings."
                    data-html="true"
                    data-reset-msg="Would you like to RESET all your saved widgets and clear LocalStorage?"><i
                        class="fa fa-home"></i></span>
            </span>

            <!-- breadcrumb -->
            <ol class="breadcrumb">
                <li>Home</li>
                <li>创建Extension服务-选择类</li>
            </ol>
            <!-- end breadcrumb -->

        </div>
        <!-- END RIBBON -->


        <!-- MAIN CONTENT -->
        <div id="content">
            <div class="row hidden">
                <div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
                    <h2 class="page-title txt-color-blueDark">
                        <i class="fa fa-table fa-fw "></i>
                        主页
               
                        <span>创建Extension服务-选择类
                        </span>
                    </h2>
                </div>
            </div>

            <!-- widget grid -->
            <section id="widget-grid" class="">

                <!-- row -->
                <div class="row" style="margin-top: 8px;">

                    <!-- NEW WIDGET START -->
                    <article class="col-xs-12 col-sm-6 col-md-6 col-lg-6 sortable-grid ui-sortable">

                        <!-- Widget ID (each widget will need unique ID)-->
                        <div class="jarviswidget jarviswidget-sortable">
                            <header>
                                <span class="widget-icon"><i class="fa fa-table"></i></span>
                                <h2>Assembly列表</h2>
                            </header>

                            <!-- widget div-->
                            <div>

                                <!-- widget edit box -->

                                <!-- end widget edit box -->
                                <!-- widget content -->
                                <div class="widget-body">
                                    <ul class="demo-btns">
                                        <li>
                                            <a class="btn btn-default btn-xs" href="CreateDataServiceStepOne-Extension-PlugInCreateOne.html">部署 </a>
                                        </li>
                                    </ul>
                                    <div class="table-responsive">

                                        <table class="table table-bordered  table-hover smart-form" id="Assembly-Table">
                                            <thead>
                                                <tr>
                                                    <th>名称</th>
                                                    <th>版本</th>
                                                    <th>操作</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>Row 4</td>
                                                    <td>描述</td>
                                                    <td>描述</td>
                                                </tr>
                                            </tbody>
                                        </table>

                                    </div>
                                </div>
                                <!-- end widget content -->

                            </div>
                            <!-- end widget div -->

                        </div>

                        <!-- end widget -->

                    </article>
                    <article class="col-xs-12 col-sm-6 col-md-6 col-lg-6 sortable-grid ui-sortable">

                        <!-- Widget ID (each widget will need unique ID)-->
                        <div class="jarviswidget jarviswidget-sortable no-padding" id="PlugInDiv">
                            <header>
                                <span class="widget-icon"><i class="fa fa-table"></i></span>
                                <h2>Types列表</h2>
                            </header>
                            <div>
                                <div class="widget-body">
                                    <ul class="demo-btns">
                                        <li>
                                            <a class="btn btn-default btn-xs" href="CreateDataServiceStepOne-Extension-PlugInCreateOne.html">部署 </a>
                                        </li>
                                    </ul>
                                    <div class="table-responsive">
                                        <table class="table table-bordered  table-hover smart-form" id="Plugin-Table">
                                            <thead>
                                                <tr>
                                                    <th>名称</th>
                                                    <th>描述</th>
                                                    <th>选择类</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td colspan="3">选择程序集后查看</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </article>
                </div>
            </section>
        </div>
    </div>
    

    <script src="js/libs/jquery-2.1.1.min.js"></script>
    <script src="js/libs/jquery-ui-1.10.3.min.js"></script>
    <!-- BOOTSTRAP JS -->
    <script src="js/bootstrap/bootstrap.min.js"></script>

    <!-- IMPORTANT: APP CONFIG -->
    <script src="js/app.config.js"></script>


    <!-- CUSTOM NOTIFICATION -->
    <script src="js/notification/SmartNotification.min.js"></script>

    <!-- JARVIS WIDGETS -->
    <script src="js/smartwidgets/jarvis.widget.min.js"></script>


    <!-- SPARKLINES -->
    <script src="js/plugin/sparkline/jquery.sparkline.min.js"></script>

    <!-- JQUERY MASKED INPUT -->
    <script src="js/plugin/masked-input/jquery.maskedinput.min.js"></script>


    <!-- JQUERY UI + Bootstrap Slider -->
    <script src="js/plugin/bootstrap-slider/bootstrap-slider.min.js"></script>
    <script src="js/plugin/datatables/jquery.dataTables.min.js"></script>
    <script src="js/plugin/datatables/dataTables.colVis.min.js"></script>
    <script src="js/plugin/datatables/dataTables.tableTools.min.js"></script>
    <script src="js/plugin/datatables/dataTables.bootstrap.min.js"></script>
    <script src="js/plugin/datatable-responsive/datatables.responsive.min.js"></script>
    <script src="appjs/Common.js"></script>
    <script src="appjs/Helper.js"></script>
    <script src="js/app.min.js"></script>
    <script>
        var table, table1;
        var draw = 0;
        var draw1 = 0;
        var AssemblyId = "";
        var AssemblyName = "";
        $(function () {
            var initializationDataTableForAssembly = function () {
                $('#Assembly-Table').dataTable({
                    "autoWidth": true,
                    "oLanguage": dataTableConfig,
                    "bLengthChange": false,
                    ordering: false,
                    bProcessing: true,
                    bStateSave: true,
                    serverSide: true,
                    searching: false,
                    aLengthMenu: [25],
                    "ajax": {
                        url: apiUrl,
                        "dataSrc": function (json) {
                            if (json.IsSccuess) {
                                var newjson = new Array();
                                for (var i = 0; i < json.Data.Items.length; i++) {
                                    var editstr = "";
                                    editstr += "<a href=\"javascript:void(0);\" onclick=\"UpdateDateResult(this)\" data-Id=\"" + json.Data.Items[i].Id + "\" data-name='" + json.Data.Items[i].Assembly;
                                    editstr += "'><i class=\"fa fa-hand-o-right\"></i>查看</a>";
                                    newjson.push({ "name": json.Data.Items[i].Assembly, "version": json.Data.Items[i].Version, "option": editstr });
                                }
                                return newjson;
                            } else {
                                if (IsLogined(json.ErrorCode)) {
                                    alert("失败（" + "错误代码：" + json.ErrorCode + "，错误信息：" + json.Message + ")");
                                }
                            }
                            return [];
                        },
                        "data": function (d) {
                            draw = d.draw;
                            return $.extend({}, { "sys:sno": "ExtDS" }, { "sys:act": "GetAssemblyList" }, { "draw": d.draw }, { "length": d.length }, { "Page": parseInt(d.start / d.length) });
                        }
                    },
                    columns: [
                        { data: 'name' },
                        { data: 'version' },
                        { data: 'option' }
                    ]
                });
            }
            initializationDataTableForAssembly();
        });
        var UpdateDateResult = function (obj) {
            var dataid = $(obj).attr("data-Id").trim();
            AssemblyId = dataid;
            AssemblyName = $(obj).attr("data-name").trim();
            if (draw1 == 0) {
                $("#Plugin-Table").show();
                initializationDataTableForPlugin();
            } else {
                table.fnDraw();
            }
        }

        //初始化表格
        var initializationDataTableForPlugin = function () {
            table = $('#Plugin-Table').dataTable({
                "autoWidth": true,
                "bLengthChange": false,
                "oLanguage": dataTableConfig,
                ordering: false,
                bProcessing: true,
                bStateSave: true,
                serverSide: true,
                searching: false,
                aLengthMenu: [25],
                "ajax": {
                    url: apiUrl,
                    "dataSrc": function (json) {
                        if (json.IsSccuess) {
                            var newjson = new Array();
                            for (var i = 0; i < json.Data.Items.length; i++) {
                                var optionstr = "";
                                optionstr += "<a href='CreateDataServiceStepOne-Extension.html?AssemblyName=" + encodeURIComponent(AssemblyName) + "&TypeName=" + encodeURIComponent(json.Data.Items[i].Name) + "'>" + "<i class=\"fa fa-hand-o-right\"></i>选择</a>";
                                newjson.push({ "name": json.Data.Items[i].Name, "type": json.Data.Items[i].Description, option: optionstr });
                            }
                            return newjson;
                        } else {
                            if (IsLogined(json.ErrorCode)) {
                                alert("失败（" + "错误代码：" + json.ErrorCode + "，错误信息：" + json.Message + ")");
                            }
                        }
                        return [];
                    },
                    "data": function (d) {
                        draw1 = d.draw;
                        return $.extend({}, { "sys:sno": "ExtDS" }, { "sys:act": "GetTypeList" }, { "AssemblyId": AssemblyId }, { "draw": d.draw }, { "length": d.length }, { "Page": parseInt(d.start / d.length) });
                    }
                },
                columns: [
                    { data: 'name' },
                    { data: 'type' },
                { data: 'option' }
                ]
            });

        }

    </script>


</body>
</html>
